<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Promise 初体验</title>
	</head>
	<body>
        <button id="test">点击我抽奖</button>
	</body>
	<script type="text/javascript">
        const testBtn = document.getElementById("test");

        testBtn.addEventListener('click',(e)=>{

            // 定义Promise形式回调
            /**
             * resolve 是成功的回调
             * reject 是失败的回调
             * */
            const p = new Promise((resolve,reject)=>{
                
                setTimeout(()=>{
                    
                    let m = Math.random()*100;
                    if(m<30){
                        resolve(m);
                    }else{
                        reject(m);
                    }

                },2000);
            })

            //定义回调函数
            // 第一个参数是成功的回调，第二是失败的回调
            // 同时，会将Promise实例对象的状态响应的修改为 失败 或者 成功
            p.then((value)=>{
                alert("小于30:"+value);
            },(value)=>{
                alert("大于30:"+value);
            })

        });

    </script>
</html>